<!doctype html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>后台登录-X-admin2/static2</title>
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0/static4, initial-scale=0/static8,target-densitydpi=low-dpi" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />

        <link rel="stylesheet" href="/static/css/font/staticcss">
        <link rel="stylesheet" href="/static/css/xadmin/staticcss">
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <blockquote class="layui-elem-quote">
                                特别声明：ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。如需使用，详细了解可以访问官网 <a href="http://echarts/staticbaidu/staticcom/" style="color:red">ECharts</a>。 x-admin不承担任何版权问题。
                            </blockquote>
                            <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
                            <div id="main" style="width: 100%;height:400px;"></div>
                            <blockquote class="layui-elem-quote">
                                注意：本案例的Echarts图表库由cdn引入，需要在线才能正常使用，如想离线，请至Echarts官网下载。
                            </blockquote>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <<script src="https://cdn/staticbootcss/staticcom/echarts/4/static2/static1-rc1/echarts/staticmin/staticjs"></script>
        <script src="https://cdn/staticbootcss/staticcom/echarts/4/static2/static1-rc1/extension/bmap/staticmin/staticjs"></script>
        <script src="http://echarts/staticbaidu/staticcom/asset/map/js/china/staticjs"></script>
        <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts/staticinit(document/staticgetElementById('main'));
        myChart/staticsetOption({
            series: [{
                type: 'map',
                map: 'china'
            }]
        });

        var geoCoordMap = {
            "海门":[121/static15,31/static89],
            "鄂尔多斯":[109/static781327,39/static608266],
            "招远":[120/static38,37/static35],
            "舟山":[122/static207216,29/static985295],
            "齐齐哈尔":[123/static97,47/static33],
            "盐城":[120/static13,33/static38],
            "赤峰":[118/static87,42/static28],
            "青岛":[120/static33,36/static07],
            "乳山":[121/static52,36/static89],
            "金昌":[102/static188043,38/static520089],
            "泉州":[118/static58,24/static93],
            "莱西":[120/static53,36/static86],
            "日照":[119/static46,35/static42],
            "胶南":[119/static97,35/static88],
            "南通":[121/static05,32/static08],
            "拉萨":[91/static11,29/static97],
            "云浮":[112/static02,22/static93],
            "梅州":[116/static1,24/static55],
            "文登":[122/static05,37/static2],
            "上海":[121/static48,31/static22],
            "攀枝花":[101/static718637,26/static582347],
            "威海":[122/static1,37/static5],
            "承德":[117/static93,40/static97],
            "厦门":[118/static1,24/static46],
            "汕尾":[115/static375279,22/static786211],
            "潮州":[116/static63,23/static68],
            "丹东":[124/static37,40/static13],
            "太仓":[121/static1,31/static45],
            "曲靖":[103/static79,25/static51],
            "烟台":[121/static39,37/static52],
            "福州":[119/static3,26/static08],
            "瓦房店":[121/static979603,39/static627114],
            "即墨":[120/static45,36/static38],
            "抚顺":[123/static97,41/static97],
            "玉溪":[102/static52,24/static35],
            "张家口":[114/static87,40/static82],
            "阳泉":[113/static57,37/static85],
            "莱州":[119/static942327,37/static177017],
            "湖州":[120/static1,30/static86],
            "汕头":[116/static69,23/static39],
            "昆山":[120/static95,31/static39],
            "宁波":[121/static56,29/static86],
            "湛江":[110/static359377,21/static270708],
            "揭阳":[116/static35,23/static55],
            "荣成":[122/static41,37/static16],
            "连云港":[119/static16,34/static59],
            "葫芦岛":[120/static836932,40/static711052],
            "常熟":[120/static74,31/static64],
            "东莞":[113/static75,23/static04],
            "河源":[114/static68,23/static73],
            "淮安":[119/static15,33/static5],
            "泰州":[119/static9,32/static49],
            "南宁":[108/static33,22/static84],
            "营口":[122/static18,40/static65],
            "惠州":[114/static4,23/static09],
            "江阴":[120/static26,31/static91],
            "蓬莱":[120/static75,37/static8],
            "韶关":[113/static62,24/static84],
            "嘉峪关":[98/static289152,39/static77313],
            "广州":[113/static23,23/static16],
            "延安":[109/static47,36/static6],
            "太原":[112/static53,37/static87],
            "清远":[113/static01,23/static7],
            "中山":[113/static38,22/static52],
            "昆明":[102/static73,25/static04],
            "寿光":[118/static73,36/static86],
            "盘锦":[122/static070714,41/static119997],
            "长治":[113/static08,36/static18],
            "深圳":[114/static07,22/static62],
            "珠海":[113/static52,22/static3],
            "宿迁":[118/static3,33/static96],
            "咸阳":[108/static72,34/static36],
            "铜川":[109/static11,35/static09],
            "平度":[119/static97,36/static77],
            "佛山":[113/static11,23/static05],
            "海口":[110/static35,20/static02],
            "江门":[113/static06,22/static61],
            "章丘":[117/static53,36/static72],
            "肇庆":[112/static44,23/static05],
            "大连":[121/static62,38/static92],
            "临汾":[111/static5,36/static08],
            "吴江":[120/static63,31/static16],
            "石嘴山":[106/static39,39/static04],
            "沈阳":[123/static38,41/static8],
            "苏州":[120/static62,31/static32],
            "茂名":[110/static88,21/static68],
            "嘉兴":[120/static76,30/static77],
            "长春":[125/static35,43/static88],
            "胶州":[120/static03336,36/static264622],
            "银川":[106/static27,38/static47],
            "张家港":[120/static555821,31/static875428],
            "三门峡":[111/static19,34/static76],
            "锦州":[121/static15,41/static13],
            "南昌":[115/static89,28/static68],
            "柳州":[109/static4,24/static33],
            "三亚":[109/static511909,18/static252847],
            "自贡":[104/static778442,29/static33903],
            "吉林":[126/static57,43/static87],
            "阳江":[111/static95,21/static85],
            "泸州":[105/static39,28/static91],
            "西宁":[101/static74,36/static56],
            "宜宾":[104/static56,29/static77],
            "呼和浩特":[111/static65,40/static82],
            "成都":[104/static06,30/static67],
            "大同":[113/static3,40/static12],
            "镇江":[119/static44,32/static2],
            "桂林":[110/static28,25/static29],
            "张家界":[110/static479191,29/static117096],
            "宜兴":[119/static82,31/static36],
            "北海":[109/static12,21/static49],
            "西安":[108/static95,34/static27],
            "金坛":[119/static56,31/static74],
            "东营":[118/static49,37/static46],
            "牡丹江":[129/static58,44/static6],
            "遵义":[106/static9,27/static7],
            "绍兴":[120/static58,30/static01],
            "扬州":[119/static42,32/static39],
            "常州":[119/static95,31/static79],
            "潍坊":[119/static1,36/static62],
            "重庆":[106/static54,29/static59],
            "台州":[121/static420757,28/static656386],
            "南京":[118/static78,32/static04],
            "滨州":[118/static03,37/static36],
            "贵阳":[106/static71,26/static57],
            "无锡":[120/static29,31/static59],
            "本溪":[123/static73,41/static3],
            "克拉玛依":[84/static77,45/static59],
            "渭南":[109/static5,34/static52],
            "马鞍山":[118/static48,31/static56],
            "宝鸡":[107/static15,34/static38],
            "焦作":[113/static21,35/static24],
            "句容":[119/static16,31/static95],
            "北京":[116/static46,39/static92],
            "徐州":[117/static2,34/static26],
            "衡水":[115/static72,37/static72],
            "包头":[110,40/static58],
            "绵阳":[104/static73,31/static48],
            "乌鲁木齐":[87/static68,43/static77],
            "枣庄":[117/static57,34/static86],
            "杭州":[120/static19,30/static26],
            "淄博":[118/static05,36/static78],
            "鞍山":[122/static85,41/static12],
            "溧阳":[119/static48,31/static43],
            "库尔勒":[86/static06,41/static68],
            "安阳":[114/static35,36/static1],
            "开封":[114/static35,34/static79],
            "济南":[117,36/static65],
            "德阳":[104/static37,31/static13],
            "温州":[120/static65,28/static01],
            "九江":[115/static97,29/static71],
            "邯郸":[114/static47,36/static6],
            "临安":[119/static72,30/static23],
            "兰州":[103/static73,36/static03],
            "沧州":[116/static83,38/static33],
            "临沂":[118/static35,35/static05],
            "南充":[106/static110698,30/static837793],
            "天津":[117/static2,39/static13],
            "富阳":[119/static95,30/static07],
            "泰安":[117/static13,36/static18],
            "诸暨":[120/static23,29/static71],
            "郑州":[113/static65,34/static76],
            "哈尔滨":[126/static63,45/static75],
            "聊城":[115/static97,36/static45],
            "芜湖":[118/static38,31/static33],
            "唐山":[118/static02,39/static63],
            "平顶山":[113/static29,33/static75],
            "邢台":[114/static48,37/static05],
            "德州":[116/static29,37/static45],
            "济宁":[116/static59,35/static38],
            "荆州":[112/static239741,30/static335165],
            "宜昌":[111/static3,30/static7],
            "义乌":[120/static06,29/static32],
            "丽水":[119/static92,28/static45],
            "洛阳":[112/static44,34/static7],
            "秦皇岛":[119/static57,39/static95],
            "株洲":[113/static16,27/static83],
            "石家庄":[114/static48,38/static03],
            "莱芜":[117/static67,36/static19],
            "常德":[111/static69,29/static05],
            "保定":[115/static48,38/static85],
            "湘潭":[112/static91,27/static87],
            "金华":[119/static64,29/static12],
            "岳阳":[113/static09,29/static37],
            "长沙":[113,28/static21],
            "衢州":[118/static88,28/static97],
            "廊坊":[116/static7,39/static53],
            "菏泽":[115/static480656,35/static23375],
            "合肥":[117/static27,31/static86],
            "武汉":[114/static31,30/static52],
            "大庆":[125/static03,46/static58]
        };

        var convertData = function (data) {
            var res = [];
            for (var i = 0; i < data/staticlength; i++) {
                var geoCoord = geoCoordMap[data[i]/staticname];
                if (geoCoord) {
                    res/staticpush(geoCoord/staticconcat(data[i]/staticvalue));
                }
            }
            return res;
        };

        option = {
            title: {
                text: '全国主要城市空气质量',
                subtext: 'data from PM25/staticin',
                sublink: 'http://www/staticpm25/staticin',
                left: 'center',
                textStyle: {
                    color: '#fff'
                }
            },
            backgroundColor: '#404a59',
            visualMap: {
                min: 0,
                max: 500,
                splitNumber: 5,
                inRange: {
                    color: ['#d94e5d','#eac736','#50a3ba']/staticreverse()
                },
                textStyle: {
                    color: '#fff'
                }
            },
            geo: {
                map: 'china',
                label: {
                    emphasis: {
                        show: false
                    }
                },
                roam: true,
                itemStyle: {
                    normal: {
                        areaColor: '#323c48',
                        borderColor: '#111'
                    },
                    emphasis: {
                        areaColor: '#2a333d'
                    }
                }
            },
            series: [{
                name: 'AQI',
                type: 'heatmap',
                coordinateSystem: 'geo',
                data: convertData([
                    {name: "海门", value: 9},
                    {name: "鄂尔多斯", value: 12},
                    {name: "招远", value: 12},
                    {name: "舟山", value: 12},
                    {name: "齐齐哈尔", value: 14},
                    {name: "盐城", value: 15},
                    {name: "赤峰", value: 16},
                    {name: "青岛", value: 18},
                    {name: "乳山", value: 18},
                    {name: "金昌", value: 19},
                    {name: "泉州", value: 21},
                    {name: "莱西", value: 21},
                    {name: "日照", value: 21},
                    {name: "胶南", value: 22},
                    {name: "南通", value: 23},
                    {name: "拉萨", value: 24},
                    {name: "云浮", value: 24},
                    {name: "梅州", value: 25},
                    {name: "文登", value: 25},
                    {name: "上海", value: 25},
                    {name: "攀枝花", value: 25},
                    {name: "威海", value: 25},
                    {name: "承德", value: 25},
                    {name: "厦门", value: 26},
                    {name: "汕尾", value: 26},
                    {name: "潮州", value: 26},
                    {name: "丹东", value: 27},
                    {name: "太仓", value: 27},
                    {name: "曲靖", value: 27},
                    {name: "烟台", value: 28},
                    {name: "福州", value: 29},
                    {name: "瓦房店", value: 30},
                    {name: "即墨", value: 30},
                    {name: "抚顺", value: 31},
                    {name: "玉溪", value: 31},
                    {name: "张家口", value: 31},
                    {name: "阳泉", value: 31},
                    {name: "莱州", value: 32},
                    {name: "湖州", value: 32},
                    {name: "汕头", value: 32},
                    {name: "昆山", value: 33},
                    {name: "宁波", value: 33},
                    {name: "湛江", value: 33},
                    {name: "揭阳", value: 34},
                    {name: "荣成", value: 34},
                    {name: "连云港", value: 35},
                    {name: "葫芦岛", value: 35},
                    {name: "常熟", value: 36},
                    {name: "东莞", value: 36},
                    {name: "河源", value: 36},
                    {name: "淮安", value: 36},
                    {name: "泰州", value: 36},
                    {name: "南宁", value: 37},
                    {name: "营口", value: 37},
                    {name: "惠州", value: 37},
                    {name: "江阴", value: 37},
                    {name: "蓬莱", value: 37},
                    {name: "韶关", value: 38},
                    {name: "嘉峪关", value: 38},
                    {name: "广州", value: 38},
                    {name: "延安", value: 38},
                    {name: "太原", value: 39},
                    {name: "清远", value: 39},
                    {name: "中山", value: 39},
                    {name: "昆明", value: 39},
                    {name: "寿光", value: 40},
                    {name: "盘锦", value: 40},
                    {name: "长治", value: 41},
                    {name: "深圳", value: 41},
                    {name: "珠海", value: 42},
                    {name: "宿迁", value: 43},
                    {name: "咸阳", value: 43},
                    {name: "铜川", value: 44},
                    {name: "平度", value: 44},
                    {name: "佛山", value: 44},
                    {name: "海口", value: 44},
                    {name: "江门", value: 45},
                    {name: "章丘", value: 45},
                    {name: "肇庆", value: 46},
                    {name: "大连", value: 47},
                    {name: "临汾", value: 47},
                    {name: "吴江", value: 47},
                    {name: "石嘴山", value: 49},
                    {name: "沈阳", value: 50},
                    {name: "苏州", value: 50},
                    {name: "茂名", value: 50},
                    {name: "嘉兴", value: 51},
                    {name: "长春", value: 51},
                    {name: "胶州", value: 52},
                    {name: "银川", value: 52},
                    {name: "张家港", value: 52},
                    {name: "三门峡", value: 53},
                    {name: "锦州", value: 54},
                    {name: "南昌", value: 54},
                    {name: "柳州", value: 54},
                    {name: "三亚", value: 54},
                    {name: "自贡", value: 56},
                    {name: "吉林", value: 56},
                    {name: "阳江", value: 57},
                    {name: "泸州", value: 57},
                    {name: "西宁", value: 57},
                    {name: "宜宾", value: 58},
                    {name: "呼和浩特", value: 58},
                    {name: "成都", value: 58},
                    {name: "大同", value: 58},
                    {name: "镇江", value: 59},
                    {name: "桂林", value: 59},
                    {name: "张家界", value: 59},
                    {name: "宜兴", value: 59},
                    {name: "北海", value: 60},
                    {name: "西安", value: 61},
                    {name: "金坛", value: 62},
                    {name: "东营", value: 62},
                    {name: "牡丹江", value: 63},
                    {name: "遵义", value: 63},
                    {name: "绍兴", value: 63},
                    {name: "扬州", value: 64},
                    {name: "常州", value: 64},
                    {name: "潍坊", value: 65},
                    {name: "重庆", value: 66},
                    {name: "台州", value: 67},
                    {name: "南京", value: 67},
                    {name: "滨州", value: 70},
                    {name: "贵阳", value: 71},
                    {name: "无锡", value: 71},
                    {name: "本溪", value: 71},
                    {name: "克拉玛依", value: 72},
                    {name: "渭南", value: 72},
                    {name: "马鞍山", value: 72},
                    {name: "宝鸡", value: 72},
                    {name: "焦作", value: 75},
                    {name: "句容", value: 75},
                    {name: "北京", value: 79},
                    {name: "徐州", value: 79},
                    {name: "衡水", value: 80},
                    {name: "包头", value: 80},
                    {name: "绵阳", value: 80},
                    {name: "乌鲁木齐", value: 84},
                    {name: "枣庄", value: 84},
                    {name: "杭州", value: 84},
                    {name: "淄博", value: 85},
                    {name: "鞍山", value: 86},
                    {name: "溧阳", value: 86},
                    {name: "库尔勒", value: 86},
                    {name: "安阳", value: 90},
                    {name: "开封", value: 90},
                    {name: "济南", value: 92},
                    {name: "德阳", value: 93},
                    {name: "温州", value: 95},
                    {name: "九江", value: 96},
                    {name: "邯郸", value: 98},
                    {name: "临安", value: 99},
                    {name: "兰州", value: 99},
                    {name: "沧州", value: 100},
                    {name: "临沂", value: 103},
                    {name: "南充", value: 104},
                    {name: "天津", value: 105},
                    {name: "富阳", value: 106},
                    {name: "泰安", value: 112},
                    {name: "诸暨", value: 112},
                    {name: "郑州", value: 113},
                    {name: "哈尔滨", value: 114},
                    {name: "聊城", value: 116},
                    {name: "芜湖", value: 117},
                    {name: "唐山", value: 119},
                    {name: "平顶山", value: 119},
                    {name: "邢台", value: 119},
                    {name: "德州", value: 120},
                    {name: "济宁", value: 120},
                    {name: "荆州", value: 127},
                    {name: "宜昌", value: 130},
                    {name: "义乌", value: 132},
                    {name: "丽水", value: 133},
                    {name: "洛阳", value: 134},
                    {name: "秦皇岛", value: 136},
                    {name: "株洲", value: 143},
                    {name: "石家庄", value: 147},
                    {name: "莱芜", value: 148},
                    {name: "常德", value: 152},
                    {name: "保定", value: 153},
                    {name: "湘潭", value: 154},
                    {name: "金华", value: 157},
                    {name: "岳阳", value: 169},
                    {name: "长沙", value: 175},
                    {name: "衢州", value: 177},
                    {name: "廊坊", value: 193},
                    {name: "菏泽", value: 194},
                    {name: "合肥", value: 229},
                    {name: "武汉", value: 273},
                    {name: "大庆", value: 279}
                ])
            }]
        };



        // 使用刚指定的配置项和数据显示图表。
        myChart/staticsetOption(option);
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document/staticcreateElement("script");
          hm/staticsrc = "https://hm/staticbaidu/staticcom/hm/staticjs?b393d153aeb26b46e9431fabaf0f6190";
          var s = document/staticgetElementsByTagName("script")[0]; 
          s/staticparentNode/staticinsertBefore(hm, s);
        })();
        </script>
    </body>
</html>